"use strict";(self.webpackChunkaccordion_sample=self.webpackChunkaccordion_sample||[]).push([["main"],{8198:(g,O,d)=>{var h=d(4497),t=d(3210),Z=d(9906),B=d(4926),S=d(745),R=d(6099);const v={id:"Accord_1",name:"Accordion 1",items:[{title:"Accordion Card 1",body:"[[TMPL]]"},{title:"Accordion Card 2",body:'\n\t\t\t<a href="//github.com/ngx-dummy/accordion-simple">Project Repository</a>\n\t\t\t<br />\n\t\t\tSimple Angular accordion component and a simple demonstrator app; the app is a simple demonstrator project - showcasing the integration of the accordion library and applying basic setting of it.'},{title:"Accordion simple Card 3 x 11",body:"\n\t\t\t\t<p>Para1 </p>\n\t\t\t\t<h4> Heading </h4>\n\t\t\t\t<script type='text/javascript'>alert('Injection !');<\/script>\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n      "}]},y={id:"Accord_2",name:"Accordion 2",items:[{id:"item0",title:"Card ",body:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione"},{id:"item1",title:"Card 1",body:"\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n      "},{id:"item2",title:"Card 2",body:"\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n      "},{id:"item3",title:"Card 3",body:"\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n      "},{id:"item4",title:"Card 4",body:"\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n      "},{id:"item5",title:"Long Card 5",body:"\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit vero quo, veritatis ex atque voluptate dolore unde quas. Veritatis doloremque optio dignissimos enim voluptatum voluptas nemo suscipit commodi. Adipisci, ratione\n      "}]};var a=d(4851);const F=(0,a.X$)("moveIn",[(0,a.eR)(":enter",[(0,a.oB)({opacity:0,transform:"translateY(-3rem)"}),(0,a.jt)("1s ease-in-out",(0,a.F4)([(0,a.oB)({offset:.2,opacity:.1,transform:"translateY(-1rem)"}),(0,a.oB)({offset:.6,opacity:.4,transform:"translateY(-0.1rem)"}),(0,a.oB)({offset:1,opacity:1,transform:"none"})]))])]);var A=d(116),q=d(635),V=d(6317);const E=new t.OlP("Accordion Initial Items Open state provider token",{factory:function N(){return[]}});let C=(()=>{class e extends V.X{constructor(i=[]){super(i),this.setItemsOpen=o=>this.next(o),this.close=()=>{this.complete(),super.unsubscribe()}}get itemsOpen$(){return this.asObservable()}get itemsOpenSnapshot(){return this.value}}return e.\u0275fac=function(i){return new(i||e)(t.LFG(E))},e.\u0275prov=t.Yz7({token:e,factory:e.\u0275fac}),e})();const M={accordItemsIn:(0,a.X$)("accordItemsIn",[(0,a.eR)("* => *",[(0,a.IO)(":leave",[(0,a.EY)(-25,[(0,a.jt)(".3s",(0,a.oB)({opacity:0,transform:"scale(0.7, 0.7) translateY(-3rem)"}))])],{optional:!0}),(0,a.IO)(":enter",[(0,a.oB)({opacity:0,transform:"scale(0.7, 0.7) translateY(-3rem)"}),(0,a.EY)(25,[(0,a.jt)(".3s ease-out",(0,a.F4)([(0,a.oB)({offset:0,opacity:0}),(0,a.oB)({offset:.2,opacity:.1,transform:"scale(0.85, 0.85) translateY(-4rem)"}),(0,a.oB)({offset:.5,opacity:.8,transform:"scale(0.9, 0.9) translateY(3rem)"}),(0,a.oB)({offset:1,opacity:1,transform:"none"})]))])],{optional:!0})])]),spinnerIn:(0,a.X$)("spinnerIn",[(0,a.eR)("void => *",[(0,a.IO)(".loader",(0,a.jt)(".5s ease-out",(0,a.F4)([(0,a.oB)({offset:0,opacity:0,transformOrigin:"bottom right",height:0,transform:"translateY(-100px) scale(0, 0)"}),(0,a.oB)({offset:.8,opacity:.6,height:0,transform:"translateY(40px) scale(0.5, 0.5)"}),(0,a.oB)({offset:1,opacity:1,height:"*",transform:"translateY(0) scale(1, 1)"})])),{optional:!0})])])},z={accordionItemBodyHeightCollapse:(0,a.X$)("openClose",[(0,a.SB)("closed",(0,a.oB)({height:"0",opacity:"0",visibility:"collapse"})),(0,a.SB)("opened",(0,a.oB)({height:"*",opacity:"1",visibility:"visible"})),(0,a.eR)("opened <=> closed",(0,a.jt)(".3s ease-out"))])},D=({itemId:e,isOpen:n,...i})=>({itemId:e,isOpen:n}),H=e=>e.filter(n=>!0===n.isOpen).map(n=>n.itemId).join(",");var m=d(4666);const I=(e,n)=>!!e&&n.sanitize(t.q3G.HTML,e),T=(e,n)=>((e,n)=>n.bypassSecurityTrustResourceUrl(e))((e=>"data:image/svg+xml;base64,"+btoa(e))(e),n),P=e=>!!e&&"string"!=typeof e&&!!e.itemTemplate,$=(e,n)=>P(e)?e.itemTemplate:n,j=e=>P(e)&&"string"==typeof e.itemBody?e.itemBody:e;var u=(()=>{return(e=u||(u={})).LOGO="accord-item__header--start-img",e.ENDING="accord-item__header--end-img",u;var e})(),_=(()=>{return(e=_||(_={})).SUCCESS="img-loaded__success",e.ALTER="img-load__alter",_;var e})();let Q=(()=>{class e{constructor(i,o,r,s){this.el=i,this.renderer=o,this.zone=r,this.sanitizer=s,this._baseLogoImg=T('<svg width="50" height="50" viewBox="0 0 50 50" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 0C2.23858 0 0 2.23858 0 5V45C0 47.7614 2.23858 50 5 50H45C47.7614 50 50 47.7614 50 45V5C50 2.23858 47.7614 0 45 0H5ZM11 10C10.4477 10 10 10.4477 10 11V15C10 15.5523 10.4477 16 11 16H39C39.5523 16 40 15.5523 40 15V11C40 10.4477 39.5523 10 39 10H11ZM10 23C10 22.4477 10.4477 22 11 22H39C39.5523 22 40 22.4477 40 23V27C40 27.5523 39.5523 28 39 28H11C10.4477 28 10 27.5523 10 27V23ZM11 34C10.4477 34 10 34.4477 10 35V39C10 39.5523 10.4477 40 11 40H32C32.5523 40 33 39.5523 33 39V35C33 34.4477 32.5523 34 32 34H11Z"/></svg>',this.sanitizer),this._baseChevronImg=T('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="48px" height="48px"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path d="M0 0h24v24H0V0z" fill="none"/></svg>',this.sanitizer),this._isSet=!1,this._needToRecheck=!1,this.onLoad=({target:c,...l})=>this._setLoadSuccess(c),this.onError=({target:c,...l})=>{if(this._setLoadAlter(c),c.classList.contains(u.LOGO))this._setItemHeaderImgSafeSrc(this._baseLogoImg);else{if(!c.classList.contains(u.ENDING))return console.log("Not an Accordion Item header image");this._setItemHeaderImgSafeSrc(this._baseChevronImg)}},this._doOpenCloseSrcRecheck=()=>this.zone.runOutsideAngular(()=>this._src=this._nativeImgEl?.classList.contains("open")?this._closeSign:this._openSign),this._setItemHeaderImgSrc=(c,l)=>this.renderer.setAttribute(c,"src",l),this._setItemHeaderImgSafeSrc=c=>(this._src=c,this._setNoRecheck()),this._readElDataSet=c=>this._nativeImgEl?.dataset[c],this._setLoadSuccess=c=>{c.classList.add(_.SUCCESS),this._isSet=!0},this._setLoadAlter=c=>{c.classList.add(_.ALTER),this._setNoRecheck()},this._isImgOpenClose=()=>!!(this._closeSign&&this._closeSign.length&&this._openSign&&this._openSign.length),this._isLogoImg=()=>this._nativeImgEl?.classList.contains(u.LOGO),this._isCloserImg=()=>this._nativeImgEl?.classList.contains(u.ENDING),this._setNoRecheck=()=>{this._isSet=!0,this._needToRecheck=!1}}get src(){return this._src}ngAfterViewInit(){this._nativeImgEl=this.el.nativeElement}ngAfterContentChecked(){if(!this._isSet||this._needToRecheck){if(this._isSet&&this._needToRecheck)return this._doOpenCloseSrcRecheck();if(this._isLogoImg())return this._setItemHeaderImgSafeSrc(this._readElDataSet("src")||this._baseLogoImg);if(this._isCloserImg())return this._openSign=this._readElDataSet("opensrc")??void 0,this._closeSign=this._readElDataSet("closesrc")??void 0,this._isImgOpenClose()?(this._openSign!==this._closeSign&&(this._needToRecheck=!0),void(this._isSet=!0)):this._setItemHeaderImgSafeSrc(this._baseChevronImg)}}}return e.\u0275fac=function(i){return new(i||e)(t.Y36(t.SBq),t.Y36(t.Qsj),t.Y36(t.R0b),t.Y36(h.H7))},e.\u0275dir=t.lG2({type:e,selectors:[["",8,"accord-item__header-img"]],hostVars:2,hostBindings:function(i,o){1&i&&t.NdJ("load",function(s){return o.onLoad(s)})("error",function(s){return o.onError(s)}),2&i&&t.uIk("loading","lazy")("src",o.src,t.P3R)}}),e})();function W(e,n){1&e&&t.GkF(0)}function X(e,n){1&e&&t.GkF(0)}function K(e,n){1&e&&t.GkF(0)}const x=function(e){return{$implicit:e}};function tt(e,n){if(1&e){const i=t.EpF();t.TgZ(0,"article",4)(1,"header",5),t.YNc(2,X,1,0,"ng-container",0),t.qZA(),t.TgZ(3,"section",6),t.NdJ("@openClose.start",function(r){t.CHM(i);const s=t.oxw();return t.KtG(s.startAnim(r))})("@openClose.done",function(r){t.CHM(i);const s=t.oxw();return t.KtG(s.doneAnim(r))}),t.YNc(4,K,1,0,"ng-container",0),t.qZA()()}if(2&e){const i=n.$implicit,o=t.oxw(),r=t.MAs(5),s=t.MAs(7);t.xp6(1),t.ekj("opened",i),t.xp6(1),t.Q6J("ngTemplateOutlet",r)("ngTemplateOutletContext",t.VKq(7,x,i)),t.xp6(1),t.Q6J("@openClose",i?"opened":"closed"),t.xp6(1),t.Q6J("ngTemplateOutlet",o.getItemBodyTemplate(o.item.body,s))("ngTemplateOutletContext",t.VKq(9,x,o.getItemBodyCtx(o.item.body)))}}function et(e,n){if(1&e&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&e){const i=t.oxw(2);t.xp6(1),t.hij("",i.item.itemNum,".")}}const it=function(e,n){return{open:e,close:n}};function ot(e,n){if(1&e&&(t.TgZ(0,"div",7)(1,"span",8),t._UZ(2,"img",9),t.YNc(3,et,2,1,"span",10),t.qZA()(),t.TgZ(4,"div",11),t._uU(5),t.qZA(),t.TgZ(6,"div",12)(7,"span",13),t._UZ(8,"img",14),t.qZA()()),2&e){const i=n.$implicit,o=t.oxw();t.xp6(3),t.Q6J("ngIf",o.item.itemNum),t.xp6(2),t.hij(" ",o.item.title," "),t.xp6(2),t.ekj("active",i),t.xp6(1),t.Q6J("ngClass",t.WLB(5,it,i,!i))}}function nt(e,n){1&e&&(t._uU(0),t.Hsn(1)),2&e&&t.hij(" ",n.$implicit," ")}const st=[[["",8,"accord-item__footer"]]],rt=[".accord-item__footer"];let w=(()=>{class e{constructor(){this.getItemBodyCtx=j,this.getItemBodyTemplate=$,this.isOpen$=(0,S.of)(!1)}startAnim(i){i.element.style.willChange="height, opacity, visibility";const o=i.element.classList;"void"===i.fromState&&o?.add("closed"),"closed"===i.fromState&&"opened"===i.toState&&o.replace("closed","opened")}doneAnim(i){i.element.style.willChange="auto","opened"==i.fromState&&"closed"==i.toState&&i.element.classList.replace("opened","closed")}}return e.\u0275fac=function(i){return new(i||e)},e.\u0275cmp=t.Xpm({type:e,selectors:[["ngxd-accordion-item"]],ngContentSelectors:rt,decls:8,vars:6,consts:[[4,"ngTemplateOutlet","ngTemplateOutletContext"],["itemTpl",""],["headerDefaultTmpl",""],["bodyDefaultTmpl",""],[1,"accord-item"],[1,"accord-item__header"],[1,"accord-item__body"],[1,"header--control","accord-item__logo"],[1,"accord-item__header--start"],[1,"accord-item__header-img","accord-item__header--start-img"],[4,"ngIf"],[1,"header--control","accord-item__title"],[1,"header--control","accord-item__collapse"],[1,"accord-item__header--end"],[1,"accord-item__header-img","accord-item__header--end-img",3,"ngClass"]],template:function(i,o){if(1&i&&(t.F$t(st),t.YNc(0,W,1,0,"ng-container",0),t.ALo(1,"async"),t.YNc(2,tt,5,11,"ng-template",null,1,t.W1O),t.YNc(4,ot,9,8,"ng-template",null,2,t.W1O),t.YNc(6,nt,2,1,"ng-template",null,3,t.W1O)),2&i){const r=t.MAs(3);t.Q6J("ngTemplateOutlet",r)("ngTemplateOutletContext",t.VKq(4,x,t.lcZ(1,2,o.isOpen$)))}},dependencies:[m.mk,m.O5,m.tP,Q,m.Ov],styles:["[_nghost-%COMP%]{--color-white: #fff;--ngxd-head-item-color: #056;--ngxd-head-item-color--active: #0095b3;--ngxd-head-item-color--opened: #002b33}.accord-item[_ngcontent-%COMP%]{display:block;box-sizing:border-box;min-width:10rem;min-height:1rem;overflow:hidden}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]{display:flex;position:relative;flex-direction:row;min-height:1rem;max-height:50px;overflow:visible;transition:.6s ease;background-color:var(--ngxd-head-item-color);color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]:hover, .accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]:active{background-color:var(--ngxd-head-item-color--active)!important;cursor:pointer}.accord-item[_ngcontent-%COMP%]   .accord-item__header.opened[_ngcontent-%COMP%]{background-color:var(--ngxd-head-item-color--opened)!important}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--btn[_ngcontent-%COMP%]{max-width:2rem;border:none;background:transparent;font-size:x-large;text-align:center;vertical-align:middle}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__collapse--btn[_ngcontent-%COMP%]{padding-right:1px}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--start[_ngcontent-%COMP%], .accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--end[_ngcontent-%COMP%]{display:flex;flex:0 0 1rem;align-items:center;justify-content:center;max-width:1.5rem;padding-left:1px}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--start[_ngcontent-%COMP%]   .accord-item__header--start-img[_ngcontent-%COMP%], .accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--end[_ngcontent-%COMP%]   .accord-item__header--start-img[_ngcontent-%COMP%]{max-width:1rem;margin-right:.5rem}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--start[_ngcontent-%COMP%] > img[_ngcontent-%COMP%], .accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--end[_ngcontent-%COMP%] > img[_ngcontent-%COMP%]{max-width:1.5rem}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--end[_ngcontent-%COMP%]{padding-right:1px;padding-left:0;will-change:transform}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--end.active[_ngcontent-%COMP%]{transform:rotate(180deg);transition:transform .3s ease-out}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__header--end[_ngcontent-%COMP%]:not(.active){transform:rotate(0);transition:transform .3s ease-out}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .header--control[_ngcontent-%COMP%]{display:flex;align-items:center;margin:.1rem;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__title[_ngcontent-%COMP%]{flex:1 1 100%;font-size:14px;text-align:center}.accord-item[_ngcontent-%COMP%]   .accord-item__header[_ngcontent-%COMP%]   .accord-item__collapse[_ngcontent-%COMP%]{flex:0 0 1rem}.accord-item[_ngcontent-%COMP%]   .accord-item__body[_ngcontent-%COMP%]{touch-action:pinch-zoom pan-y;transform-origin:top;-webkit-user-select:text;-moz-user-select:text;user-select:text}.accord-item[_ngcontent-%COMP%]   .accord-item__body.closed[_ngcontent-%COMP%]{position:absolute}"],data:{animation:[z.accordionItemBodyHeightCollapse]},changeDetection:0}),e})();var at=d(253),ct=d(8951),dt=d(4276),lt=d(9337);let mt=(()=>{class e{constructor(i,o,r,s,c,l){this.hostCmp=i,this.hostElRef=o,this.itemStatusSvc=r,this.render=s,this.sanitizer=c,this.cd=l,this.itemStyles={headHeight:"50px",headBgColor:"#ccc",headColor:"#fff",bodyBgColor:"#fff",bodyColor:"#000",fontSize:"10px",bodyPadding:"0"},this.bodyDblclkClose=!1,this.isNumbered=!1,this.toggled=new t.vpe,this.isOpen=!1,this.hostDestroy$$=new at.x,this.onClick=([{outerHTML:p},{dataset:f}])=>p?.includes("header")?this._handleClick({...f}):void 0,this.onDClick=([{outerHTML:p},{dataset:f}])=>p?.includes("accord-item__body")?this._handleClick({...f}):void 0,this._handleClick=({idx:p,...f}={idx:-1})=>this._toggle(+p),this._toggle=p=>this.toggled.emit({itemId:p,isOpen:!this.isOpen})}ngOnInit(){this.hostCmp.item={...this.item,itemNum:this.isNumbered?+this.item.itemId+1:null,body:"string"==typeof this.item.body?I(this.item.body,this.sanitizer):{itemTemplate:this.item.body?.itemTemplate,itemBody:I(this.item.body?.itemBody,this.sanitizer)}},this.hostCmp.isOpen$=this.itemStatusSvc.itemsOpen$.pipe((0,ct.R)(this.hostDestroy$$),(0,A.h)(i=>!!i&&!!i.length),(0,q.U)(i=>i.find(({itemId:o})=>o===+this.item.itemId)),(0,dt.j)("isOpen"),(0,lt.b)((i=!1)=>this.isOpen=i))}ngAfterViewInit(){const i=this.hostElRef.nativeElement,o=i.getElementsByClassName("accord-item").item(0),r=i.getElementsByClassName("accord-item__header").item(0),s=i.getElementsByClassName("accord-item__body").item(0);{const c=r.getElementsByClassName("accord-item__header--start-img").item(0),l=r.getElementsByClassName("accord-item__header--end-img").item(0);this.logo&&this.render.setAttribute(c,"data-src",this.logo),this.openSign&&this.render.setAttribute(l,"data-opensrc",this.openSign),this.closeSign&&this.render.setAttribute(l,"data-closesrc",this.closeSign),this.cd.detectChanges()}this.render.setStyle(o,"margin",this.itemStyles.margin??"0"),this.render.setStyle(o,"padding",this.itemStyles.padding??"0"),this.itemStyles.font&&this.render.setStyle(o,"font",this.itemStyles.font),this.itemStyles.fontSize&&this.render.setStyle(o,"font-size",this.itemStyles.fontSize),this.itemStyles.fontStyle&&this.render.setStyle(o,"font-style",this.itemStyles.fontStyle),this.itemStyles.fontFamily&&this.render.setStyle(o,"font-family",this.itemStyles.fontFamily),this.render.setStyle(o,"margin-bottom",this.itemStyles.marginBottom),this.render.setStyle(o,"margin-top",this.itemStyles.marginTop),this.itemStyles.headBgColor&&i.style.setProperty("--ngxd-head-item-color",this.itemStyles.headBgColor),this.itemStyles.headHeight&&this.render.setStyle(r,"height",this.itemStyles.headHeight),this.itemStyles.headFont&&this.render.setStyle(r,"font",this.itemStyles.headFont),this.render.setStyle(r,"font-size",this.itemStyles.headFontSize??"1.1rem"),this.render.setStyle(r,"color",this.itemStyles.headColor??"#ccc"),this.render.setStyle(s,"background-color",this.itemStyles.bodyBgColor??"rgba(200, 200, 200, 0.2)"),this.render.setStyle(s,"color",this.itemStyles.bodyColor??"#000"),this.render.setStyle(s,"padding",this.itemStyles.bodyPadding??".1rem"),this.render.setStyle(s,"margin",this.itemStyles.bodyMargin??"0"),this.itemStyles.bodyFont&&this.render.setStyle(s,"font",this.itemStyles.bodyFont),this.render.setStyle(s,"font-size",this.itemStyles.bodyFontSize??"1rem"),this.itemStyles.bodyTextAlign&&this.render.setStyle(s,"text-align",this.itemStyles.bodyTextAlign),this.render.setStyle(s,"cursor",this.bodyDblclkClose?"grab":"default")}ngOnDestroy(){this.hostDestroy$$.next(),this.hostDestroy$$.complete()}}return e.\u0275fac=function(i){return new(i||e)(t.Y36(w),t.Y36(t.SBq),t.Y36(C,1),t.Y36(t.Qsj),t.Y36(h.H7),t.Y36(t.sBO))},e.\u0275dir=t.lG2({type:e,selectors:[["","ngxdAccordionItem",""]],hostVars:2,hostBindings:function(i,o){1&i&&t.NdJ("dblclick",function(s){return o.onDClick([s.target,s.currentTarget])})("click",function(s){return o.onClick([s.target,s.currentTarget])}),2&i&&t.ekj("opened",o.isOpen)},inputs:{item:["ngxdAccordionItem","item"],itemStyles:["styling","itemStyles"],logo:"logo",openSign:"openSign",closeSign:"closeSign",bodyDblclkClose:"bodyDblclkClose",isNumbered:"isNumbered"},outputs:{toggled:"toggled"}}),e})();const pt=["defloadingTpl"];function ut(e,n){1&e&&t.GkF(0)}const gt=function(e){return{$implicit:e}};function ht(e,n){if(1&e&&t.GkF(0,6),2&e){const i=n.$implicit;t.oxw(2);const o=t.MAs(5);t.Q6J("ngTemplateOutlet",o)("ngTemplateOutletContext",t.VKq(2,gt,i))}}function _t(e,n){if(1&e&&t.YNc(0,ht,1,4,"ng-container",5),2&e){const i=t.oxw();t.Q6J("ngForOf",i.accordionItems)("ngForTrackBy",i.trackByFn)}}function ft(e,n){if(1&e){const i=t.EpF();t.TgZ(0,"ngxd-accordion-item",7),t.NdJ("toggled",function(r){t.CHM(i);const s=t.oxw();return t.KtG(s.onItemToggled(r))}),t.qZA()}if(2&e){const i=n.$implicit,o=t.oxw();t.Q6J("ngxdAccordionItem",i)("isNumbered",o._isNumbered)("bodyDblclkClose",o._bodyDblclkClose)("openSign",o.openSign)("closeSign",o.closeSign)("logo",o.listLogo)("styling",o._itemStyle)("id",i.id)("@accordItemsIn",void 0),t.uIk("data-idx",i.itemId)}}function vt(e,n){1&e&&(t.TgZ(0,"div",8),t.O4$(),t.TgZ(1,"svg",9)(2,"rect",10),t._UZ(3,"animate",11)(4,"animate",12),t.qZA(),t.TgZ(5,"rect",13),t._UZ(6,"animate",14)(7,"animate",15),t.qZA(),t.TgZ(8,"rect",16),t._UZ(9,"animate",17)(10,"animate",18),t.qZA()()()),2&e&&t.Q6J("@spinnerIn",void 0)}let k=(()=>{class e{constructor(i,o,r){this.itemsOpenSvc=i,this.hostEl=o,this.renderer=r,this.accordionStyling={numberedItems:!1,isMultiShow:!1,bodyDblclkCloseItems:!1,maxWidth:"100%",itemsGuts:"1rem",margin:"0",itemStyling:{headBgColor:"#4197b2",headColor:"#fff",bodyBgColor:"#fff",bodyColor:"#000",margin:"0",padding:"0"}},this._bodyDblclkClose=!1,this._isNumbered=!1,this.multiSelect=!1,this.onItemToggled=({itemId:s,isOpen:c}={itemId:0,isOpen:!1})=>this.itemsOpenSvc.setItemsOpen(this.itemsOpenSvc.itemsOpenSnapshot.map(({itemId:l,isOpen:p})=>l===+s?{itemId:s,isOpen:c}:{itemId:l,isOpen:!!this.multiSelect&&p})),this.closeAll=()=>this.accordionItems?.forEach(({itemId:s,...c})=>this.onItemToggled({itemId:s,isOpen:!1})),this.trackByFn=(s,{itemId:c,...l})=>+c}get id(){return`${this.attributes.id}`}get name(){return this.attributes.name}set accordionList(i){let[o,r]=[!!i&&!!i.name?.length&&i.name||"Sample-Accordion",!!i&&!!i.id&&i.id||"accordion_"+ ++e.idx];this._accord=Object.assign({id:r,name:o},{items:i?.items.map((s,c)=>({...s,id:s.id&&"string"==typeof s.id?s.id:`${r}__accord-item_${c}`,itemId:c}))})}get accordionItems(){return this._accord?.items}set loadingTpl(i){this._loadingTpl=i||this.defloadingTpl}get loadingTpl(){return this._loadingTpl??this.defloadingTpl}ngOnInit(){this._bodyDblclkClose=!!this.accordionStyling.bodyDblclkCloseItems,this.multiSelect=!!this.accordionStyling.isMultiShow,this.itemsOpenSvc.itemsOpen$.pipe((0,A.h)(s=>!!s?.length),(0,q.U)(H)).subscribe(s=>this._openedItems=s),this._isNumbered=this.accordionStyling.numberedItems??!1,this._bodyDblclkClose=this.accordionStyling.bodyDblclkCloseItems??!1;let i=Array.isArray(this.accordionStyling.itemStyling)?this.accordionStyling.itemStyling.reduce((s={},c)=>({...s,...c})):{...this.accordionStyling.itemStyling};const o=this.accordionStyling.itemsGuts??0;i={padding:"0",marginBottom:o,marginTop:o,...i},this._itemStyle=Object.entries(i).map(([s,c])=>({[s]:"number"==typeof c?`${c}px`:c})).reduce((s,c)=>({...s,...c}));const r=this.hostEl.nativeElement;this.renderer.setStyle(r,"max-width",this.accordionStyling.maxWidth??"100%"),this.renderer.setStyle(r,"margin",this.accordionStyling.margin??"0")}ngOnChanges(i){Object.keys(i).forEach(o=>{"accordionList"===o&&i[o].previousValue!==i[o].currentValue&&this.itemsOpenSvc.setItemsOpen(this.accordionItems?.map(D))})}ngOnDestroy(){this.itemsOpenSvc.close()}get attributes(){const{id:i,name:o}=this._accord;return{id:i,name:o}}}return e.idx=0,e.\u0275fac=function(i){return new(i||e)(t.Y36(C,2),t.Y36(t.SBq),t.Y36(t.Qsj))},e.\u0275cmp=t.Xpm({type:e,selectors:[["ngxd-accordion"]],viewQuery:function(i,o){if(1&i&&t.Gf(pt,7,t.Rgc),2&i){let r;t.iGM(r=t.CRH())&&(o.defloadingTpl=r.first)}},hostVars:3,hostBindings:function(i,o){2&i&&t.uIk("data-items-opened",o._openedItems)("id",o.id)("name",o.name)},inputs:{accordionList:"accordionList",openSign:"openSign",closeSign:"closeSign",listLogo:"listLogo",accordionStyling:"accordionStyling",loadingTpl:"loadingTpl"},exportAs:["ngxdAccordion"],features:[t._Bn([],[C]),t.TTD],decls:8,vars:3,consts:[[1,"accordion"],[4,"ngIf","ngIfThen","ngIfElse"],["itemsTmpl",""],["accordItemTmpl",""],["defloadingTpl",""],[3,"ngTemplateOutlet","ngTemplateOutletContext",4,"ngFor","ngForOf","ngForTrackBy"],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[3,"ngxdAccordionItem","isNumbered","bodyDblclkClose","openSign","closeSign","logo","styling","id","toggled"],[1,"accordion-default-loader--tmpl"],["width","51px","height","50px","viewBox","0 0 51 50"],["y","0","width","13","height","50"],["attributeName","height","values","50;10;50","begin","0s","dur","1s","repeatCount","indefinite"],["attributeName","y","values","0;20;0","begin","0s","dur","1s","repeatCount","indefinite"],["x","19","y","0","width","13","height","50"],["attributeName","height","values","50;10;50","begin","0.2s","dur","1s","repeatCount","indefinite"],["attributeName","y","values","0;20;0","begin","0.2s","dur","1s","repeatCount","indefinite"],["x","38","y","0","width","13","height","50"],["attributeName","height","values","50;10;50","begin","0.4s","dur","1s","repeatCount","indefinite"],["attributeName","y","values","0;20;0","begin","0.4s","dur","1s","repeatCount","indefinite"]],template:function(i,o){if(1&i&&(t.TgZ(0,"div",0),t.YNc(1,ut,1,0,"ng-container",1),t.qZA(),t.YNc(2,_t,1,2,"ng-template",null,2,t.W1O),t.YNc(4,ft,1,10,"ng-template",null,3,t.W1O),t.YNc(6,vt,11,1,"ng-template",null,4,t.W1O)),2&i){const r=t.MAs(3);t.xp6(1),t.Q6J("ngIf",!!o.accordionItems)("ngIfThen",r)("ngIfElse",o.loadingTpl)}},dependencies:[m.sg,m.O5,m.tP,w,mt],styles:["[_nghost-%COMP%]{margin:auto}[_nghost-%COMP%]   .accordion[_ngcontent-%COMP%]{display:flex;flex-direction:column;overflow:hidden;vertical-align:middle}[_nghost-%COMP%]   .accordion-horizontal-menu[_ngcontent-%COMP%]{display:flex;flex-direction:row;width:100%;vertical-align:middle}[_nghost-%COMP%]   .accordion-horizontal-menu[_ngcontent-%COMP%]   ngxd-accordion-item[_ngcontent-%COMP%]{flex:1 1 auto}@media screen and (max-width: 720px){.accordion-horizontal-menu[_ngcontent-%COMP%]{flex-wrap:wrap}}",".accordion-default-loader--tmpl[_ngcontent-%COMP%] {\n\t\t\tdisplay: block;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-color: transparent;\n\t\t\tmin-height: 50px;\n\t\t\tmin-width: 50px;\n\t\t}\n\t\t.accordion-default-loader--tmpl[_ngcontent-%COMP%]    > svg[_ngcontent-%COMP%] {\n\t\t\tfill: var(--dark-bg);\n\t\t\ttransform: rotate(90deg);\n\t\t}\n\t\t.accordion-default-loader--tmpl[_ngcontent-%COMP%]    > svg[_ngcontent-%COMP%]   rect[_ngcontent-%COMP%]:first-of-type {\n\t\t\tfill: var(--darker-color);\n\t\t}\n\t\t.accordion-default-loader--tmpl[_ngcontent-%COMP%]    > svg[_ngcontent-%COMP%]   rect[_ngcontent-%COMP%]:nth-of-type(2) {\n\t\t\tfill: var(--accent-color);\n\t\t}\n\t\t.accordion-default-loader--tmpl[_ngcontent-%COMP%]    > svg[_ngcontent-%COMP%]   rect[_ngcontent-%COMP%]:nth-of-type(3) {\n\t\t\tfill: var(--dark-blue-color);\n\t\t}"],data:{animation:[M.accordItemsIn,M.spinnerIn]},changeDetection:0}),e})();const yt=["simpleBodyTmpl"],Ct=["tmpl2"];function bt(e,n){1&e&&(t.TgZ(0,"div",16)(1,"span",17),t._UZ(2,"span",18),t.qZA()()),2&e&&t.Q6J("@moveIn",void 0)}function xt(e,n){if(1&e&&(t.ynx(0,19),t.TgZ(1,"div",20)(2,"div",21)(3,"h6",22),t._uU(4,"Custom templated Item sample"),t.qZA()(),t.TgZ(5,"div",23)(6,"div",24)(7,"div",25)(8,"div",26)(9,"h3",27),t._uU(10,"by Vladimir Ovsyukov"),t.qZA(),t.TgZ(11,"h6",28),t._uU(12,"https://github.com/VovanSuper"),t.qZA()()()(),t._UZ(13,"div",29),t.qZA(),t.TgZ(14,"div",30)(15,"div",31)(16,"button",32),t._UZ(17,"span",6),t.TgZ(18,"span",33),t._uU(19,"description"),t.qZA(),t._uU(20," Docs "),t.qZA(),t.TgZ(21,"button",34),t._UZ(22,"span",6),t.TgZ(23,"span",33),t._uU(24,"thumb_up_alt"),t.qZA(),t._uU(25," Follow "),t.qZA()(),t.TgZ(26,"div",35)(27,"button",36)(28,"i",37),t._uU(29,"favorite"),t.qZA()(),t.TgZ(30,"button",38),t._uU(31," share "),t.qZA()()()(),t.BQk()),2&e){const i=n.$implicit;t.xp6(13),t.Q6J("innerHTML",i,t.oJD)}}function Ot(e,n){if(1&e&&(t.TgZ(0,"div",39)(1,"div",40)(2,"div",41),t._uU(3," Sample Accordion Item (alike one of materializecss) "),t.qZA()(),t.TgZ(4,"div",40)(5,"div",42)(6,"div",40)(7,"div",43)(8,"div",44)(9,"div",45),t._UZ(10,"img",46),t.TgZ(11,"span",47),t._uU(12,"Simple material template Card"),t.qZA(),t.TgZ(13,"a",48)(14,"i",33),t._uU(15,"share"),t.qZA()()(),t.TgZ(16,"div",49)(17,"p"),t._uU(18),t.qZA()()()()()()()()),2&e){const i=n.$implicit;t.xp6(18),t.Oqu(i)}}let L=(()=>{class e{constructor(){this.title="Accordion Sample",this.accordList2=null,this.accordList$=(0,S.of)(y).pipe((0,B.g)(3e3)),this.styling={itemsGuts:".1rem",maxWidth:"99%",margin:".1rem",numberedItems:!0,itemStyling:{headBgColor:"#89a",headColor:"#fff",margin:".1rem",bodyPadding:"1rem",bodyMargin:1}},this.styling1={...this.styling,itemsGuts:0,numberedItems:!1,margin:"0 auto",isMultiShow:!0,maxWidth:"94%",bodyDblclkCloseItems:!0,itemStyling:{...this.styling.itemStyling,headBgColor:"darkcyan",headColor:"yellow",bodyColor:"#aaffff",bodyBgColor:"#87a3d1",font:"Comic Sans MS",bodyPadding:1,bodyMargin:0,bodyTextAlign:"left",margin:0}}}ngOnInit(){this.accordList2={...v,items:[...v.items.map(i=>i.title.includes("Accordion Card 2")?{...i,body:{itemTemplate:this.simpleBodyTmpl,itemBody:i.body}}:{...i}).map(i=>i.title.includes("Accordion Card 1")?{...i,body:{itemTemplate:this.tmpl2,itemBody:"Lorem ipsum card ..."}}:{...i})]}}ngAfterViewInit(){const i=document.querySelector(".mdc-button"),o=new R.F(i);return()=>o.destroy()}}return e.\u0275fac=function(i){return new(i||e)},e.\u0275cmp=t.Xpm({type:e,selectors:[["app-root"]],viewQuery:function(i,o){if(1&i&&(t.Gf(yt,7),t.Gf(Ct,7)),2&i){let r;t.iGM(r=t.CRH())&&(o.simpleBodyTmpl=r.first),t.iGM(r=t.CRH())&&(o.tmpl2=r.first)}},decls:26,vars:8,consts:[[1,"mdc-layout-grid"],[1,"mdc-layout-grid__inner","mb-1"],[1,"mdc-layout-grid__cell","mdc-layout-grid__cell--span-6","mdc-layout-grid__cell--span-12-phone","mdc-layout-grid__cell--span-12-tablet","align"],[1,"text-center","app-title"],[1,"mdc-touch-target-wrapper"],[1,"mdc-button","mdc-button--touch","light-bg",3,"click"],[1,"mdc-button__ripple"],[1,"mdc-layout-grid__cell","mdc-layout-grid__cell--span-12"],["openSign","plus.png","closeSign","minus.png",3,"accordionList","accordionStyling"],["acc1","ngxdAccordion"],[1,"mdc-layout-grid__inner"],["listLogo","list_white_48dp.png",3,"loadingTpl","accordionList","accordionStyling"],["acc2","ngxdAccordion"],["simpleLoader",""],["simpleBodyTmpl",""],["tmpl2",""],[1,"container-transparent"],[1,"loader"],[1,"loader-inner"],["ngProjectAs","tmpl-item-card__container",5,["tmpl-item-card__container"]],[1,"mdc-card","tmpl-item-container"],[1,"tmpl-header"],[1,"mdc-typography","mdc-typography--headline6","head6"],["tabindex","0",1,"mdc-card__primary-action"],["onclick","location.href='//twitter.com/intent/tweet?ref_src=twsrc%5Etfw&original_referer=https%3A%2F%2Fngx-dummy.github.io%2Faccordion-simple%2F&url=https%3A%2F%2Fgithub.com%2Fvovansuper%2Faccordion-simple&text=ngx-dummy Accordion simple component'",1,"mdc-card__media","mdc-card__media--16-9","demo-card__media","tmpl-item-logo"],[1,"mdc-card__media-content","demo-card__media-content"],[1,"card-media__items"],[1,"mdc-typography","mdc-typography--subtitle1","subtitle1"],[1,"mdc-typography","mdc-typography--subtitle2","subtitle1"],[1,"mdc-typography","mdc-typography--body2","mt-1","mb-1","body2",3,"innerHTML"],[1,"mdc-card__actions","flex-card__tmpl"],[1,"mdc-card__action-buttons"],["onclick","location.href='//github.com/ngx-dummy/accordion-simple'",1,"mdc-button","mdc-card__action","mdc-card__action--button"],[1,"material-icons"],["onclick","location.href='//github.com/VovanSuper' ","aria-label","Follow VovanSuper on GitHub",1,"mdc-button","mdc-card__action","mdc-card__action--button"],[1,"mdc-card__action-icons"],["aria-pressed","false","aria-label","Sponsor","title","Sponsor","onclick","location.href='//github.com/sponsors/ngx-dummy'","data-icon","octicon-heart","aria-label","Sponsor Me on GitHub",1,"mdc-icon-button","mdc-card__action","mdc-card__action--icon--unbounded"],[1,"material-icons","mdc-icon-button__icon","mdc-icon-button__icon--on"],["title","Share","data-mdc-ripple-is-unbounded","true","onclick","location.href='//twitter.com/intent/tweet?ref_src=twsrc%5Etfw&original_referer=https%3A%2F%2Fngx-dummy.github.io%2Faccordion-simple%2F&url=https%3A%2F%2Fgithub.com%2Fvovansuper%2Faccordion-simple&text=ngx-dummy Accordion simple component'",1,"mdc-icon-button","material-icons","mdc-card__action","mdc-card__action--icon--unbounded"],[1,"container","materializelikes"],[1,"row"],[1,"div","col","s12","l12","center-align",2,"font-size","1.5rem","line-height","110%","margin","0.1rem","color","var(--darker-color)"],[1,"col","s12"],[1,"col","s12","m12"],[1,"card","large"],[1,"card-image"],["src","myTwitLogo.png"],[1,"card-title"],["title","Share","data-mdc-ripple-is-unbounded","true","onclick","location.href='//twitter.com/intent/tweet?ref_src=twsrc%5Etfw&original_referer=https%3A%2F%2Fngx-dummy.github.io%2Faccordion-simple%2F&url=https%3A%2F%2Fgithub.com%2Fvovansuper%2Faccordion-simple&text=ngx-dummy Accordion simple component'",1,"btn-floating","halfway-fab","waves-effect","waves-light","red"],[1,"card-content"]],template:function(i,o){if(1&i){const r=t.EpF();t.TgZ(0,"div",0)(1,"div",1)(2,"div",2)(3,"h2",3),t._uU(4),t.qZA()(),t.TgZ(5,"div",2)(6,"div",4)(7,"button",5),t.NdJ("click",function(){t.CHM(r);const c=t.MAs(14),l=t.MAs(18);return c.closeAll(),t.KtG(l.closeAll())}),t._UZ(8,"div",6),t.TgZ(9,"span"),t._uU(10,"Close All"),t.qZA()()()()(),t.TgZ(11,"div",1)(12,"div",7),t._UZ(13,"ngxd-accordion",8,9),t.qZA()(),t.TgZ(15,"div",10)(16,"div",7),t._UZ(17,"ngxd-accordion",11,12),t.ALo(19,"async"),t.qZA()()(),t.YNc(20,bt,3,1,"ng-template",null,13,t.W1O),t.YNc(22,xt,32,1,"ng-template",null,14,t.W1O),t.YNc(24,Ot,19,1,"ng-template",null,15,t.W1O)}if(2&i){const r=t.MAs(21);t.xp6(4),t.Oqu(o.title),t.xp6(9),t.Q6J("accordionList",o.accordList2)("accordionStyling",o.styling),t.xp6(4),t.Q6J("loadingTpl",r)("accordionList",t.lcZ(19,6,o.accordList$))("accordionStyling",o.styling1)}},dependencies:[k,m.Ov],styles:["@media screen and (min-width: 840px){.align[_ngcontent-%COMP%]{line-height:100%}}","[_nghost-%COMP%] {\n\t\t\t--spin-bg: #46cccc;\n\t\t\t--spin-in-bg: #4adada;\n\t\t}\n\n\t\t.container-transparent[_ngcontent-%COMP%] {\n\t\t\tbackground: transparent;\n\t\t\tdisplay: grid;\n\t\t\tmin-height: 6rem;\n\t\t\twidth: 100%;\n\t\t\tplace-content: center;\n\t\t}\n\n\t\t.loader[_ngcontent-%COMP%] {\n\t\t\twidth: 3rem;\n\t\t\theight: 3rem;\n\t\t\tborder: 0.3rem solid var(--spin-bg);\n\t\t\tanimation: spin 2s infinite ease-in-out;\n\t\t}\n\n\t\t.loader-inner[_ngcontent-%COMP%] {\n\t\t\tvertical-align: top;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t\tbackground-color: var(--spin-in-bg);\n\t\t\tanimation: spin-in 2s infinite ease-in;\n\t\t}\n\n\t\t@keyframes spin {\n\t\t\t0% {\n\t\t\t\topacity: 0.4;\n\t\t\t\ttransform: rotate(0deg);\n\t\t\t}\n\n\t\t\t25% {\n\t\t\t\topacity: 0.6;\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\n\t\t\t50% {\n\t\t\t\topacity: 0.9;\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\n\t\t\t75% {\n\t\t\t\topacity: 1;\n\t\t\t\ttransform: rotate(390deg);\n\t\t\t}\n\n\t\t\t100% {\n\t\t\t\topacity: 0.9;\n\t\t\t\ttransform: rotate(360deg);\n\t\t\t}\n\t\t}\n\n\t\t@keyframes spin-in {\n\t\t\t0% {\n\t\t\t\topacity: 0.4;\n\t\t\t\theight: 0%;\n\t\t\t}\n\n\t\t\t25% {\n\t\t\t\topacity: 0.6;\n\t\t\t\theight: 0%;\n\t\t\t}\n\n\t\t\t50% {\n\t\t\t\topacity: 0.9;\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t75% {\n\t\t\t\topacity: 1;\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t100% {\n\t\t\t\topacity: 0.9;\n\t\t\t\theight: 0%;\n\t\t\t}\n\t\t}",".tmpl-item-container[_ngcontent-%COMP%] {\n\t\t\tfont-family: 'Roboto', sans-serif !important;\n\t\t}\n\n\t\t.head6[_ngcontent-%COMP%] {\n\t\t\tfont-style: italic;\n\t\t\tmargin: 1.1rem;\n\t\t}\n\n\t\t.subtitle1[_ngcontent-%COMP%] {\n\t\t\tcolor: var(--mdc-theme-text-primary-on-dark, rgba(250, 250, 250, 0.9));\n\t\t\ttext-align: start;\n\t\t\tmargin: 0.1rem 1rem;\n\t\t\tfont-family: Lato;\n\t\t}\n\n\t\t.subtitle2[_ngcontent-%COMP%] {\n\t\t\tcolor: var(--mdc-theme-text-primary-on-light, rgba(250, 250, 250, 0.9));\n\t\t\ttext-align: start;\n\t\t\tmargin: 0.1rem 1rem;\n\t\t}\n\n\t\t.card-media__items[_ngcontent-%COMP%] {\n\t\t\tposition: absolute;\n\t\t\tbottom: 1rem;\n\t\t\tleft: 0.4rem;\n\t\t}\n\n\t\t.tmpl-item-logo[_ngcontent-%COMP%] {\n\t\t\tbackground-image: url('myTwitLogo.png');\n\t\t}\n\n\t\t.tmpl-main-content[_ngcontent-%COMP%] {\n\t\t\tbackground-color: floralwhite;\n\t\t\tfont-size: medium;\n\t\t}\n\n\t\t.body2[_ngcontent-%COMP%] {\n\t\t\tmargin: 0.4rem 1rem;\n\t\t}\n\n\t\t.tmpl-footer[_ngcontent-%COMP%] {\n\t\t\tbackground-color: lavenderblush;\n\t\t\tcolor: black;\n\t\t\tfont-size: xx-small;\n\t\t}\n\n\t\t@media screen and (max-width: 500px) {\n\t\t\t.head6[_ngcontent-%COMP%] {\n\t\t\t\tfont-size: 1rem;\n\t\t\t\tmargin: 0.1rem;\n\t\t\t}\n\n\t\t\t.subtitle1[_ngcontent-%COMP%] {\n\t\t\t\tfont-size: 0.4rem;\n\t\t\t}\n\n\t\t\t.subtitle2[_ngcontent-%COMP%] {\n\t\t\t\tfont-size: 0.2rem;\n\t\t\t}\n\n\t\t\t.flex-card__tmpl[_ngcontent-%COMP%] {\n\t\t\t\tdisplay: grid;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tflex-wrap: wrap !important;\n\t\t\t}\n\t\t}",".row[_ngcontent-%COMP%] {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\t\t.row[_ngcontent-%COMP%]   .col[_ngcontent-%COMP%] {\n\t\t\tfloat: left;\n\t\t\t-webkit-box-sizing: border-box;\n\t\t\tbox-sizing: border-box;\n\t\t\tpadding: 0 0.75rem;\n\t\t\tmin-height: 1px;\n\t\t}\n\t\t.row[_ngcontent-%COMP%]   .col.s12[_ngcontent-%COMP%] {\n\t\t\twidth: 100%;\n\t\t\tmargin-left: auto;\n\t\t\tleft: auto;\n\t\t\tright: auto;\n\t\t}\n\t\t.row[_ngcontent-%COMP%]:after {\n\t\t\tcontent: '';\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t\t.card[_ngcontent-%COMP%] {\n\t\t\tposition: relative;\n\t\t\tmargin: 0.5rem 0 1rem 0;\n\t\t\tbackground-color: #fff;\n\t\t\t-webkit-transition: -webkit-box-shadow 0.25s;\n\t\t\ttransition: -webkit-box-shadow 0.25s;\n\t\t\ttransition: box-shadow 0.25s;\n\t\t\ttransition: box-shadow 0.25s, -webkit-box-shadow 0.25s;\n\t\t\tborder-radius: 2px;\n\t\t}\n\t\t.card.large[_ngcontent-%COMP%]   .card-image[_ngcontent-%COMP%] {\n\t\t\tmax-height: 60%;\n\t\t\tposition: relative;\n\t\t\toverflow: hidden;\n\t\t}\n\t\t.card[_ngcontent-%COMP%]   .card-image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n\t\t\tdisplay: block;\n\t\t\tborder-radius: 2px 2px 0 0;\n\t\t\tposition: relative;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\t.card[_ngcontent-%COMP%]   .card-image[_ngcontent-%COMP%]   .card-title[_ngcontent-%COMP%] {\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 300;\n\t\t\tcolor: #fff;\n\t\t\tposition: absolute;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tmax-width: 100%;\n\t\t\tpadding: 24px;\n\t\t}\n\t\t.btn-floating.halfway-fab[_ngcontent-%COMP%] {\n\t\t\tposition: absolute;\n\t\t\tright: 24px;\n\t\t\tbottom: -20px;\n\t\t}\n\t\t.waves-effect[_ngcontent-%COMP%] {\n\t\t\tposition: relative;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: inline-block;\n\t\t\toverflow: hidden;\n\t\t\t-webkit-user-select: none;\n\t\t\t-moz-user-select: none;\n\t\t\t-ms-user-select: none;\n\t\t\tuser-select: none;\n\t\t\t-webkit-tap-highlight-color: transparent;\n\t\t\tvertical-align: middle;\n\t\t\tz-index: 1;\n\t\t\t-webkit-transition: 0.3s ease-out;\n\t\t\ttransition: 0.3s ease-out;\n\t\t}\n\t\t.btn-floating[_ngcontent-%COMP%] {\n\t\t\tfont-size: 14px;\n\t\t\toutline: 0;\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: #fff;\n\t\t\tposition: relative;\n\t\t\toverflow: hidden;\n\t\t\tz-index: 1;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tline-height: 40px;\n\t\t\tpadding: 0;\n\t\t\tbackground-color: #26a69a;\n\t\t\tborder-radius: 50%;\n\t\t\t-webkit-transition: background-color 0.3s;\n\t\t\ttransition: background-color 0.3s;\n\t\t\tcursor: pointer;\n\t\t\tvertical-align: middle;\n\t\t}\n\t\t.red[_ngcontent-%COMP%] {\n\t\t\tbackground-color: var(--mdc-theme-on-primary, #fff);\n\t\t}\n\t\t.card[_ngcontent-%COMP%]   .card-content[_ngcontent-%COMP%] {\n\t\t\t\n\t\t\tmax-height: 40%;\n\t\t\tmargin: 1rem;\n\t\t}\n\t\t.material-icons[_ngcontent-%COMP%] {\n\t\t\tfont-family: 'Material Icons';\n\t\t\tfont-weight: normal;\n\t\t\tfont-style: normal;\n\t\t\tfont-size: 24px;\n\t\t\tline-height: 1;\n\t\t\tletter-spacing: normal;\n\t\t\ttext-transform: none;\n\t\t\tdisplay: inline-block;\n\t\t\twhite-space: nowrap;\n\t\t\tword-wrap: normal;\n\t\t\tdirection: ltr;\n\t\t\t-webkit-font-feature-settings: 'liga';\n\t\t\t-webkit-font-smoothing: antialiased;\n\t\t}\n\t\ta.btn-floating[title='Share'][_ngcontent-%COMP%] {\n\t\t\tbottom: 0.5rem;\n\t\t\tright: 1rem;\n\t\t\ttext-align: center;\n\t\t\tdisplay: grid;\n\t\t\tplace-content: center;\n\t\t}"],data:{animation:[F]}}),e})();var St=d(8230);let At=(()=>{class e{}return e.\u0275fac=function(i){return new(i||e)},e.\u0275mod=t.oAB({type:e}),e.\u0275inj=t.cJS({imports:[m.ez,St.JF]}),e})(),qt=(()=>{class e extends L{constructor(){super(...arguments),this.title="Yet another Accordion Sample",this.accordList1$=new Promise(i=>i({...y,items:[...v.items,...y.items]})),this.styling={...super.styling,bodyDblclkCloseItems:!0,itemStyling:{headBgColor:"grey",padding:1,headColor:"lightgreen"}}}}return e.\u0275fac=function(){let n;return function(o){return(n||(n=t.n5z(e)))(o||e)}}(),e.\u0275cmp=t.Xpm({type:e,selectors:[["app-root2"]],features:[t.qOj],decls:9,vars:5,consts:[[1,"mdc-layout-grid","mdc-layout-grid--align-center"],[1,"mdc-layout-grid__inner","mb-1"],[1,"mdc-layout-grid__cell","mdc-layout-grid__cell--span-12","mdc-layout-grid__cell--align-center"],[1,"text-center"],[1,"mdc-layout-grid__cell","mdc-layout-grid__cell--align-center","mdc-layout-grid__cell--span-12"],["openSign","plus1.png","minus","min.png",3,"accordionList","accordionStyling"]],template:function(i,o){1&i&&(t.TgZ(0,"div",0)(1,"div",1)(2,"div",2)(3,"h2",3),t._uU(4),t.qZA()()(),t.TgZ(5,"div",1)(6,"div",4),t._UZ(7,"ngxd-accordion",5),t.ALo(8,"async"),t.qZA()()()),2&i&&(t.xp6(4),t.Oqu(o.title),t.xp6(3),t.Q6J("accordionList",t.lcZ(8,3,o.accordList1$))("accordionStyling",o.styling))},dependencies:[k,m.Ov],styles:["@media screen and (min-width: 840px){.align[_ngcontent-%COMP%]{line-height:100%}}"]}),e})(),Mt=(()=>{class e{}return e.\u0275fac=function(i){return new(i||e)},e.\u0275mod=t.oAB({type:e,bootstrap:[L,qt]}),e.\u0275inj=t.cJS({imports:[Z.PW,At]}),e})();(0,t.G48)(),setTimeout(()=>{h.q6().bootstrapModule(Mt,{ngZoneEventCoalescing:!0}).catch(e=>console.error(e))},1500)}},g=>{g.O(0,["vendor"],()=>g(g.s=8198)),g.O()}]);
//# sourceMappingURL=main.f920c18c5e739097.js.map